<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣商城</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="huiyuan">
        <header-top></header-top>

        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav navtext="会员中心"></leftnav>
                <div class="huiyuan_content">
                    <div class="avatar">
                        <div class="avatar_out">
                            <div class="avatar_circle">
                                <span class="edit_avatar">编辑头像</span>
                            </div>
                            <div class="level">v1</div>
                        </div>
                        <div class="avetar_detail">
                            <div class="name">小小先生</div>
                            <div class="level_progress">
                                会员等级：
                                <div class="progress_con">
                                    <el-progress :text-inside="true" :stroke-width="18" :percentage="30"></el-progress>
                                    <span class="leval_a"><i class="col-red">V0</i>(0) </span>
                                    <span class="leval_b"><i class="col-red">V1</i>(500) </span>
                                    <span class="leval_c"><i class="col-red">V2</i>(1200) </span>
                                    <span class="leval_d"><i class="col-red">V3</i>(3000) </span>
                                    <span class="leval_e"><i class="col-red">V4</i>(10000) </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="privilege">
                        <h4>我的特权</h4>
                        <div class="privilege_list clear">
                            <div class="privilege_item">
                                <img src="https://dummyimage.com/320x200/79b0f2" alt="">
                            </div>
                            <div class="privilege_item">
                                <img src="https://dummyimage.com/320x200/79b0f2" alt="">
                            </div>
                            <div class="privilege_item">
                                <img src="https://dummyimage.com/320x200/79b0f2" alt="">
                            </div>
                            <div class="privilege_item">
                                <img src="https://dummyimage.com/320x200/79b0f2" alt="">
                            </div>
                            <div class="privilege_item">
                                <img src="https://dummyimage.com/320x200/79b0f2" alt="">
                            </div>
                            <div class="privilege_item">
                                <img src="https://dummyimage.com/320x200/79b0f2" alt="">
                            </div>
                        </div>
                        <p>更多会员特权即将上线，敬请期待！</p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>

    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        huiyuan();
    </script>
</body>

</html>